<template>
   <div class="content11 f_c_c_c">
          <div class="bac_img"></div>
          <div class="f_c_m_c content_text">
            <div class="f_c">
              <div class="f_r_c_c">
                <img :src="rule_title_img" alt="" />
              </div>
              <div class="f_c">
                文案展示文案展示文文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示文案展示案展示文案展示文案展示文案展示
              </div>
            </div>
          </div>
        </div>
</template>

<script>


import { behest } from "@/api/goods";

import rule_title_img from "@/assets/rule_title.png";

export default {
  name: "rule",
  components: {},
  data() {
    return {
      rule_title_img,
     
    };
  },
  computed:{
    code(){
      return this.$store.getters.code;
    },
     token(){
      return this.$store.getters.token;
    }
  },
  created(){
    this.behest()
  },
  methods:{
    //获取复制令牌
    behest(){
      behest({loading:true,code:this.code}).then(res=>{
        this.str = res.data.str
        this.eff_status = res.data.eff_status
      })
    },
  }
};
</script>

<style scoped lang="scss">
.content11 {
  position: absolute;
 top:0;
 left:0;
 right:0;
 bottom: 0;
  .bac_img {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #f8c593, #ffa259, #fa3833);
  }
  > .content_text {
    width: 100%;
    height: 100%;
    padding: 25px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: auto;
    >div{
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 25px;
      > div:nth-child(1) {
      width: 100%;
      > img {
        width: 449px;
        height: 79px;
      }
    }
    > div:nth-child(2) {
      width: 100%;
      padding: 30px;
      box-sizing: border-box;
    }
    }
    
  }
}
</style>
